<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
        function parallelogram()
        {
            for(let j = 0 ; j < 5 ; j++)
            {//输出空格
                for(let i = 0 ; i < 5-j ; i++)
                {
                    document.write("&emsp;");
                }
                //输出*
                for(let i = 0 ; i < 10 ; i++)
                {
                    document.write("* &emsp;");
                }
                document.write("<br>");//换行
            }
           document.write("<hr>");
        }
        parallelogram();
        function triangel()
        {
            for(let j = 0 ; j < 6 ; j++)
            {//输出空格
                for(let i = 1 ; i < 6-j ; i++)
                {
                    document.write("&emsp;");
                }
                //输出*
                for(let i = 0 ; i < j ; i++)
                {
                    document.write("&emsp; * ");
                }
                document.write("<br>");//换行
            }
           document.write("<hr>")
        }
        triangel();
        function rhombus()
        {
            //上半部分
            for(let j = 1 ; j < 6 ; j++)
            {//输出空格
                for(let i = 1 ; i < 6-j ; i++)
                {
                    document.write("&emsp;");
                }
                //输出*
                for(let i = 1 ; i < j ; i++)
                {
                    document.write("&emsp; * ");
                }
                document.write("<br>");//换行
            }
           
           //下半部分
           for(let j = 1 ; j < 5 ; j++)
            {//输出空格
                for(let i = 1 ; i <= j ; i++)
                {
                    document.write("&emsp;");
                }
                //输出*
                for(let i = 1 ; i < 5-j ; i++)
                {
                    document.write("&emsp; * ");
                }
                document.write("<br>");//换行
            }
            document.write("<hr>");
        }
        rhombus();
    </script>
</body>
</html>
